<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <meta name="viewport" content="width=device-width, initial-scale=1.0">
    <title>02.作用域</title>
</head>
<body>
    <script>
       
        /*
         js中 没有块级作用域  只有函数作用域
         块级作用域  {}

         变量的特点：
            变量的特点： 当前作用域 变量可以提升到当前作用域的最前面 但是变量的值不可以跟着提升
            函数的特点： 函数可以提升到当前作用域的最前面
        */

        /*
         函数的定义：
             声明式：任意位置调用
             表达式：只能在定义之后调用
        
        */
    //    console.log(a);  // a is not defined
    //    var b;
    //    console.log(b);
    // console.log(myfun);
   //  myfun is not a function
        // var myfun = function() {
        //      console.log("我是一个函数...");
        // }
        // myfun() 
        myfun02()
        function myfun02() {
             console.log("我是一个函数2...");
        }

      
        var a = 10;
        function fun() {
           
            console.log(a); // undefined
            var a = 20;
        }
   
        fun() 
        

        // {
        //     var a = 10;
        //     console.log(a);
        // }
        // console.log(a);

        // function func() {
        //     var b = 10;
        // }
        // func() 
        // console.log(b);
    </script>
    
</body>
</html>